<template>
  <div class="box">
    <h1 class="text">页面飞走了，请返回首页</h1>
    <button class="homeBtn" @click="BtnClick">返回首页</button>
  </div>
</template>

<script>
export default {
  name: '',
  data () {
    return {

    };
  },

  methods: {
    BtnClick () {
      this.$router.push({
        path: '/layout'
      })
    }
  },
  components: {},

  props: {},

  watch: {},

  computed: {},

}

</script>
<style  scope>
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
.box {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgb(87, 90, 92);
  background-size: cover;
}
.text {
  color: white;
  width: 500px;
  line-height: 600px;
  margin-left: 50%;
  transform: translate(-140px);
}
.homeBtn {
  margin-left: 750px;
  width: 100px;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
}
</style>